@charset "utf-8";
/**
  * base
**/
.border-box {
  box-sizing: border-box;
}
.clearfix:after {
  clear: both;
  height: 0;
  display: block;
  visibility: hidden;
  content: "";
}
.clearfix {
  *zoom: 1;
}
.overflow {
  overflow: hidden;
}
.fl {
  float: left;
}
.fr {
  float: right;
}
.text-left {
  text-align: left;
}
.text-center,
.ta-c {
  text-align: center;
}
.text-right,
.ta-r {
  text-align: right;
}
.postion {
  position: absolute;
}
.relative {
  position: relative;
}
/*font*/
.fw-b {
  font-weight: bold;
}
.font-songti {
  font-family: \5B8B\4F53;
}
.font-arial {
  font-family: Arial;
}
.text-hide {
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.text-indent {
  text-indent: 3px;
}
.f12 {
  font-size: 12px;
}
.f14 {
  font-size: 14px;
}
.f16 {
  font-size: 16px;
}
.f18 {
  font-size: 18px;
}
.f20 {
  font-size: 20px;
}
.f24 {
  font-size: 24px;
}
/*left\right*/
.l0 {
  left: 0px;
}
.r0 {
  right: 0px;
}
.l50 {
  left: 50px !important;
}
.top3 {
  top: -3px !important;
}
.mt2 {
  margin-top: 2px;
}
.mt5 {
  margin-top: 5px;
}
.mt8 {
  margin-top: 8px;
}
.mt10 {
  margin-top: 10px;
}
.mt15 {
  margin-top: 15px;
}
.mt20 {
  margin-top: 20px !important;
}
.mt25 {
  margin-top: 25px;
}
.mt30 {
  margin-top: 30px !important;
}
.mt35 {
  margin-top: 35px;
}
.mt40 {
  margin-top: 40px;
}
.mt45 {
  margin-top: 45px;
}
.mt50 {
  margin-top: 50px;
}
.mr5 {
  margin-right: 5px;
}
.mr20 {
  margin-right: 20px;
}
.mr25 {
  margin-right: 25px;
}
.mr30 {
  margin-right: 30px;
}
.mr35 {
  margin-right: 35px;
}
.mr10 {
  margin-right: 10px;
}
.mr15 {
  margin-right: 15px;
}
.mlr5 {
  margin: 0px 5px;
}
.mb35 {
  margin-bottom: 35px;
}
.m10 {
  margin: 10px;
}
.ml0 {
  margin-left: 0px !important;
}
.ml5 {
  margin-left: 5px;
}
.ml10 {
  margin-left: 10px;
}
.ml20 {
  margin-left: 20px;
}
.ml25 {
  margin-left: 25px !important;
}
.ml30 {
  margin-left: 30px;
}
.ml40 {
  margin-left: 40px;
}
.p10 {
  padding: 10px;
}
.p5 {
  padding: 5px;
}
.p15 {
  padding: 15px;
}
.p10 {
  padding: 10px;
}
.pt5 {
  padding-top: 5px;
}
.pt20 {
  padding-top: 20px;
}
.pb5 {
  padding-bottom: 5px;
}
.pb240 {
  padding-bottom: 240px;
}
.pb10 {
  padding-bottom: 10px !important;
}
.ptb10 {
  padding: 5px 0 !important;
}
.ptb30 {
  padding: 30px 0 !important;
}
.pt16 {
  padding-top: 16px !important;
}
.pt12 {
  padding-top: 12px !important;
}
.pt10 {
  padding-top: 10px !important;
}
.pt19 {
  padding-top: 19px !important;
}
.pt55 {
  padding-top: 55px !important;
}
.pl10 {
  padding-left: 10px;
}
.pl20 {
  padding-left: 20px !important;
}
.pl30 {
  padding-left: 30px !important;
}
/*width\height*/
.w297 {
  width: 297px;
}
/*color\background-color*/
.c-white {
  color: #ffffff;
}
.c-red {
  color: red;
}
.c-orange {
  color: #ff7713;
}
.c-deepgray {
  color: #666666;
}
.c-gray {
  color: #a9a9a9 !important;
}
.c-green {
  color: #0ab2a2;
}
.c-blue {
  color: #0076ec;
}
.c9 {
  color: #999999;
}
.bg-orange {
  background-color: #ff7713 !important;
}
.bg-white {
  background-color: #ffffff !important;
}
.error {
  color: red;
}
/*line-height*/
.lh14 {
  line-height: 14px;
}
.lh18 {
  line-height: 18px;
}
.lh24 {
  line-height: 24px;
}
.lh30 {
  line-height: 30px;
}
/* width */
.w40 {
  width: 40px !important;
}
.w50 {
  width: 50px !important;
}
.w60 {
  width: 60px !important;
}
.w75 {
  width: 75px !important;
}
.w88 {
  width: 88px !important;
}
.w100 {
  width: 100px !important;
}
.w120 {
  width: 120px !important;
}
.w150 {
  width: 150px !important;
}
.w175 {
  width: 175px !important;
}
.w200 {
  width: 200px !important;
}
.w215 {
  width: 215px !important;
}
.w225 {
  width: 225px !important;
}
.w250 {
  width: 250px !important;
}
.w275 {
  width: 275px !important;
}
.w310 {
  width: 310px !important;
}
.w400 {
  width: 400px !important;
}
.w500 {
  width: 500px !important;
}
.w620 {
  width: 620px !important;
}
.w722 {
  width: 722px !important;
}
.h652 {
  height: 652px !important;
}
/*线条*/
.border-bottom {
  border-bottom: 1px solid #d9d9d9 !important;
}
.border-bnone {
  border: 1px solid #d9d9d9;
  border-bottom: none;
}
.border-tnone {
  border: 1px solid #d9d9d9;
  border-top: none;
}
.border-bottom-dashed {
  border-bottom: 1px dashed #d9d9d9;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0;
  text-decoration: line-through;
}
.bottom-line {
  border: 2px solid #d9d9d9;
  width: 400px;
  top: 15px;
  position: relative;
  left: 45px;
}
.border-line {
  border: 1px solid #d9d9d9 !important;
}
.border-dashed-bottom {
  border-bottom: 1px dashed #d9d9d9;
}
.b-gray {
  border: 1px solid #d9d9d9;
}
input[type="button"],
input[type="submit"],
input[type="reset"] {
  -webkit-appearance: none;
  border-radius: 0;
}
input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  /* 去掉上下小箭头按钮 */
}
/* 设置输入框提示文字placeholder颜色 */
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  color: #999;
}
input:-moz-placeholder,
textarea:-moz-placeholder {
  color: #999;
}
:-ms-input-placeholder {
  color: #999 !important;
}
/* ie input设置了color placeholder文字颜色应优先*/
.input-text {
  box-sizing: border-box;
  width: 100%;
  background-color: #FFFFFF;
  background-image: none;
  border: 1px solid #d9d9d9;
  color: #5b5b60;
  padding: 5px 6px;
  height: 30px;
  font-size: 12px;
  line-height: 18px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.input-icon {
  position: relative;
  display: block;
}
.input-icon .input-text {
  padding-left: 32px;
}
.input-icon i {
  display: block;
  position: absolute;
  left: 6px;
  top: 50%;
  margin-top: -10px;
  width: 20px;
  height: 20px;
}
.input-focus {
  border-color: #30b8fc;
}
.input-error {
  border-color: #f00;
}
.input-big {
  padding: 8px 6px;
  height: 36px;
}
.search .input-text {
  margin: 0 3px 0 -1px;
}
input.input-text:disabled {
  background-color: #f2f2f2;
}
.input-time,
.input-data,
.input-date {
  padding-right: 28px;
  width: 138px;
  cursor: pointer;
  background: url(/static_public/images/icon/icon_date.png) no-repeat right center;
}
.textarea {
  box-sizing: border-box;
  width: 100%;
  background-color: #FFFFFF;
  background-image: none;
  border: 1px solid #c8c7cc;
  color: #5b5b60;
  padding: 5px 6px;
  font-size: 12px;
  line-height: 18px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  height: 80px;
}
/* checkbox */
.checkbox input {
  display: none;
}
.checkbox label,
.checkbox span {
  display: inline-block;
  font-size: 12px;
  padding-left: 18px;
  position: relative;
  line-height: 16px;
  transition: border 0.2s linear 0s,color 0.2s linear 0s;
  white-space: nowrap;
  cursor: pointer;
  overflow: hidden;
  text-overflow: ellipsis;
}
.checkbox label:before,
.checkbox span:before {
  background-color: #ffffff;
  border: 1px solid #d9d9d9;
  content: "";
  display: inline-block;
  height: 12px;
  left: 0;
  margin-right: 10px;
  position: absolute;
  width: 12px;
  border-radius: 0;
  top: 3px;
  transition: border 0.2s linear 0s,color 0.2s linear 0s;
  box-sizing: border-box;
}
.checkbox label:after,
.checkbox span:after {
  display: inline-block;
  font-size: 11px;
  height: 12px;
  left: 4px;
  position: absolute;
  top: -1px;
  transition: border 0.2s linear 0s,color 0.2s linear 0s;
  width: 12px;
  box-sizing: border-box;
}
.checkbox input[type="checkbox"]:checked + label:before,
.checkbox input[type="checkbox"]:checked + span:before {
  border-width: 6px;
  border-color: #ff7713;
}
.checkbox input[type="checkbox"]:checked + label:after,
.checkbox input[type="checkbox"]:checked + span:after {
  content: '';
  width: 8px;
  height: 5px;
  position: absolute;
  top: 5px;
  left: 2px;
  border: 2px solid #fff;
  border-top: none;
  border-right: none;
  background: transparent;
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.checked-sub label:after,
.checked-sub span:after {
  content: '';
  width: 0px;
  height: 0px;
  position: absolute;
  top: 6px;
  left: 3px;
  border: 3px solid #ff7713;
}
.checkbox input[type="checkbox"]:disabled + label:before,
.checkbox input[type="checkbox"]:disabled + span:before {
  border-color: #d9d9d9;
  background-color: #f2f2f2;
}
/* checkbox big 偏大的多选框 */
.checkboxBig input {
  display: none;
}
.checkboxBig label,
.checkboxBig span {
  font-size: 12px;
  padding-left: 20px;
  position: relative;
  line-height: 16px;
  transition: border 0.2s linear 0s,color 0.2s linear 0s;
  white-space: nowrap;
  cursor: pointer;
}
.checkboxBig label:before,
.checkboxBig span:before {
  background-color: #ffffff;
  border: 1px solid #ccc;
  content: "";
  display: inline-block;
  height: 16px;
  left: 0;
  margin-right: 10px;
  position: absolute;
  width: 16px;
  border-radius: 0;
  top: 0px;
  transition: border 0.2s linear 0s,color 0.2s linear 0s;
  box-sizing: border-box;
}
.checkboxBig label:after,
.checkboxBig span:after {
  display: inline-block;
  font-size: 12px;
  height: 16px;
  position: absolute;
  transition: border 0.2s linear 0s,color 0.2s linear 0s;
  width: 16px;
  box-sizing: border-box;
}
.checkboxBig input[type="checkbox"]:checked + label:before,
.checkboxBig input[type="checkbox"]:checked + span:before {
  border-width: 8px;
  border-color: #ff7713;
}
.checkboxBig input[type="checkbox"]:checked + label:after,
.checkboxBig input[type="checkbox"]:checked + span:after {
  content: '';
  width: 10px;
  height: 6px;
  position: absolute;
  top: 3px;
  left: 3px;
  border: 2px solid #fff;
  border-top: none;
  border-right: none;
  background: transparent;
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.checkboxBig input[type="checkbox"]:disabled + label:before,
.checkboxBig input[type="checkbox"]:disabled + span:before {
  border-color: #d9d9d9;
  background-color: #f2f2f2;
}
/* 多选框列表 */
.checkbox-wrap {
  position: relative;
  border-bottom: 1px dashed #dcdcdc;
  padding-left: 85px;
  min-height: 26px;
}
.checkbox-list {
  position: relative;
  margin-left: 85px;
}
.checkbox-list .checkbox {
  float: left;
  margin-right: 40px;
  margin-bottom: 10px;
}
.broker-text {
  position: absolute;
  left: 0;
  top: 0;
}
.broker-list {
  max-height: 140px;
  overflow: auto;
}
.broker-list a {
  float: left;
  margin-right: 40px;
  margin-bottom: 10px;
  color: #333333;
}
.broker-list a.selected {
  color: #ff7713;
}
/* radio */
.radio input {
  display: none;
}
.radio label,
.radio span {
  display: inline-block;
  font-size: 12px;
  padding-left: 20px;
  position: relative;
  line-height: 16px;
  white-space: nowrap;
  cursor: pointer;
}
.radio label:before,
.radio span:before {
  background-color: #ffffff;
  border: 1px solid #d9d9d9;
  content: "";
  display: inline-block;
  height: 16px;
  left: 0;
  position: absolute;
  width: 16px;
  border-radius: 50%;
  top: 0px;
  box-sizing: border-box;
}
.radio label:after,
.radio span:after {
  display: inline-block;
  height: 16px;
  left: 4px;
  position: absolute;
  top: -1px;
  width: 16px;
  box-sizing: border-box;
}
.radio input[type="radio"]:checked + label:after,
.radio input[type="radio"]:checked + span:after {
  content: '';
  width: 0px;
  height: 0px;
  position: absolute;
  top: 5px;
  left: 5px;
  border: 3px solid #ff7713;
  border-radius: 50%;
}
.radio input[type="radio"]:disabled + label:before,
.radio input[type="radio"]:disabled + span:before {
  background-color: #f2f2f2;
}
/* radio 单选列表 */
.radio-list .radio {
  float: left;
  margin-right: 40px;
}
.radio-list .radio:last-child {
  margin-right: 0;
}
/* select */
.select {
  position: relative;
  width: 100%;
  background-color: #fff;
  text-align: left;
}
.select-border {
  display: block;
  position: relative;
  width: 100%;
  height: 30px;
  border: 1px solid #ced3d9;
  cursor: pointer ;
  background-color: #fff;
  box-sizing: border-box;
}
.select-text {
  box-sizing: border-box;
  display: block;
  position: absolute;
  font-size: 12px;
  right: 0px;
  top: 0px;
  z-index: 2;
  line-height: 18px;
  width: 100%;
  padding: 5px;
  border: 0;
  background: transparent;
  padding-right: 25px;
}
.select-icon {
  position: absolute;
  right: 0px;
  top: 0px;
  display: block;
  width: 16px;
  height: 16px;
  padding: 6px 5px;
  cursor: pointer;
}
.select-icon-arrow {
  display: block;
  width: 0;
  margin: 7px 0 0 4px;
  border: 4px solid #fff;
  border-width: 5px 4px;
  border-top-color: #656565;
}
.select-sub {
  position: absolute;
  left: 0;
  top: 29px;
  z-index: 100;
  display: none;
  width: 100%;
  border: 1px solid #ced3d9;
  max-height: 280px;
  overflow-y: auto;
  background-color: #fff;
  box-sizing: border-box;
}
.select-sub a,
.select-sub .select-group {
  display: block;
  height: 28px;
  padding-left: 6px;
  line-height: 28px;
  color: #404040 !important;
  text-decoration: none;
}
.select-sub a:hover {
  color: #fff !important;
  background-color: #ff7713;
}
.select-sub a:hover {
  color: #fff !important;
  background-color: #ff7713;
}
.select-on .select-sub {
  display: block;
}
/* select */
.select .search-box {
  line-height: 18px;
  width: 100%;
  border: 0;
  background: rgba(0, 0, 0, 0);
  padding: 5px 0;
}
.select .search-box-border {
  margin: 3px;
  display: block;
  height: 30px;
  border: 1px solid #CED3D9;
  cursor: pointer;
  background-color: #FFF;
  box-sizing: border-box;
  padding-left: 5px;
  padding-right: 22px;
  background-repeat: no-repeat;
  background-position: right center;
  background-image: url(/static_public/images/icon/icon_search.png);
}
input.select-text:disabled {
  background-color: #f2f2f2;
}
/* btn 按钮*/
.btn {
  box-sizing: border-box;
  display: inline-block;
  min-width: 70px;
  height: 30px;
  padding: 6px 12px;
  line-height: 18px;
  border-radius: 2px;
  background-color: #ff7713;
  color: #fff;
  text-align: center;
  font-size: 14px;
  border: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.btn-big {
  height: 36px;
  padding: 9px 12px;
  border-radius: 4px;
}
.btn-green {
  background-color: #8acf31;
}
.btn-gray {
  border: 1px solid #ccc;
  background-color: #f7f7f7;
  color: #333333;
}
.btn-yellow {
  border: 0;
  background-color: #ffaa31;
  color: #fff;
}
.btn-group .btn {
  float: left;
  margin-left: 3px;
}
.btn-pop {
  display: inline-block;
}
.btn-pop .btn {
  float: left;
  margin: 0 5px;
}
.btn.disabled,
.btn[disabled] {
  background-color: #ccc;
}
.ui-dialog-button {
  margin-bottom: 15px;
}
.ui-dialog-footer button {
  height: 34px;
}
/*开关*/
.switch {
  padding: 2px;
  border-radius: 15px;
  width: 54px;
  height: 20px;
}
.switch-on {
  background-color: #ff7713;
}
.switch-off {
  background-color: #ccc;
}
.switch-text {
  float: left;
  width: 34px;
  height: 20px;
  line-height: 20px;
  color: #fff;
  cursor: pointer;
  text-indent: 13px;
}
.switch-off .switch-text {
  float: right;
  text-indent: 8px;
}
.switch-white {
  float: left;
  border-radius: 2px;
  background-color: #fff;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  text-indent: -9999px;
}
/* table */
.table-header {
  height: 30px;
  border-bottom: 2px solid #dcdcdc;
  padding-bottom: 4px;
}
.table-wrap {
  position: relative;
  border: 1px solid #dcdcdc;
  font-size: 12px;
  overflow-x: hidden;
}
.table-wrap .table {
  width: 100%;
}
.table-wrap th {
  height: 30px;
  padding-left: 5px;
  border-bottom: 1px solid #dcdcdc;
  background-color: #f2f2f2;
}
.table-wrap td {
  padding-left: 5px;
  border-bottom: 1px solid #dcdcdc;
}
.table-wrap tr:hover td {
  background-color: #fff9ee;
}
.no-data {
  height: 250px;
  text-align: center;
  font-size: 14px;
}

.no-data-2 {
  height: 100px;
  text-align: center;
  font-size: 14px;
}

.no-data span {
  display: inline-block;
  width: 120px;
  height: 50px;
  padding-top: 70px;
  margin: 70px auto 0;
  text-align: center;
  color: #b2b2b2;
  text-shadow: 1px 1px rgba(255, 255, 255, 0.9);
  background: url(/static_public/images/icon/nodata.png) no-repeat center top;
}
.union-name {
  display: inline-block;
  padding: 1px 8px;
  background-color: #ff7713;
  color: #fff;
  border-radius: 2px;
  margin-top: 4px;
}
/* sheet */
.sheet th,
.sheet td {
  padding: 0 5px;
  border: 1px solid #d9d9d9;
  text-align: center;
}
.sheet th.ta-l,
.sheet td.ta-l,
.sheet .ta-l td,
.sheet .ta-l th {
  text-align: left;
}
.sheet tr:hover td {
  background-color: #fff9ee;
}
.thead th {
  background-color: #f7f7f7;
}
/* */
.form-cell {
  padding: 4px 6px 4px 0;
  line-height: 22px;
}
.cell-split {
  padding-bottom: 15px;
}
.cell-split-s {
  padding-bottom: 10px;
}
/* grid */
.grid-header {
  height: 30px;
  padding-bottom: 4px;
  position: relative;
}
.grid-table {
  border: 1px solid #e6e6e6;
  border-bottom: 0;
}
.grid-table td {
  padding-left: 10px;
}
.grid-table tr:hover td {
  background-color: #f2f2f2;
}
.grid-cell {
  border-bottom: 1px solid #e6e6e6;
}
/* toolbar */
.toolbar {
  height: 40px;
  background-color: #f1f1f1;
}
.toolbar-tab li {
  float: left;
}
.toolbar-tab a {
  display: block;
  height: 40px;
  padding: 0 35px;
  line-height: 40px;
  color: #333333;
}
.toolbar-tab a:hover,
.toolbar-tab .toolbar-tab-on a {
  background-color: #ff7713;
  color: #ffffff;
}
.toolbar2 {
  background: none;
}
.toolbar2-tab li {
  float: left;
}
.toolbar2-tab a {
  display: block;
  height: 30px;
  padding: 0 45px;
  line-height: 30px;
  color: #fff;
  background: #ccc;
}
.toolbar2-tab a:hover,
.toolbar2-tab .toolbar2-tab-on a {
  background-color: #ff7713;
  color: #ffffff;
}
.ui-icon-tool-arrow {
  width: 14px;
  height: 30px;
}
.ui-icon-tool-arrow1 {
  background-position: 0 -36px;
}
.ui-icon-tool-arrow2 {
  background-position: -15px -36px;
}
.tab {
  position: relative;
  height: 30px;
}
.tab ul {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
}
.tab li {
  float: left;
}
.tab a {
  display: block;
  height: 28px;
  padding: 0 25px;
  line-height: 28px;
  color: #656565;
}
.tab a:hover,
.tab .tab-on a {
  border-bottom: 2px solid #ff7713;
  color: #ff7713;
}
.tab-bottom-line {
  position: absolute;
  bottom: 0px;
  left: 0;
  width: 100%;
  height: 0;
  border-bottom: 2px solid #dcdcdc;
}
.grid-header .tab-bottom-line {
  bottom: -2px;
}
.tab-title {
  position: relative;
  height: 30px;
}
.tab-sm {
  position: relative;
  height: 36px;
}
.tab-sm ul {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
}
.tab-sm li {
  float: left;
  padding: 0 20px;
}
.tab-sm a {
  display: block;
  height: 33px;
  padding: 3px 21px 0;
  line-height: 33px;
  color: #333;
  font-size: 14px;
}
.tab-sm a:hover,
.tab-sm .tab-sm-on a {
  padding: 0 20px;
  border: 1px solid #ff7713;
  border-width: 3px 1px 0;
  color: #ff7713;
  background-color: #fff;
}
.tab-sm-bottom-line {
  position: absolute;
  bottom: 1px;
  left: 0;
  width: 100%;
  height: 0;
  border-bottom: 1px solid #ff7713;
}
.loading {
  padding: 5px 10px;
}
.content-loading span {
  position: absolute;
  top: 290px;
  left: 50%;
  margin-left: -20px;
  font-size: 16px;
}
.loading,
.loading-abs {
  background-color: #fff;
  position: fixed;
  left: 50%;
  top: 100px;
  z-index: 9999;
  width: 230px;
  margin-left: -100px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.6);
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
  border-radius: 2px;
}
.loading-con {
  height: 46px;
  padding: 14px 10px 14px 16px;
  background-color: #fff;
}
.loading-img {
  float: left;
  width: 46px;
  height: 46px;
  margin-right: 12px;
}
.loading-img img {
  width: 39px;
  height: 39px;
  margin-top: 3px;
}
.loading-img i {
  display: block;
  width: 42px;
  height: 42px;
  margin-top: 2px;
}
.loading-icon {
  background: url("/static_public/images/loading.gif") no-repeat left center;
}
.loading-con p {
  display: table-cell;
  vertical-align: middle;
  height: 46px;
  font-size: 16px;
  overflow: hidden;
}
.loading-success,
.loading-false {
  background: url("/static_public/images/pop_state.png") no-repeat;
}
.loading-false {
  background-position: -42px 0;
}
.loading-abs {
  position: absolute;
}
.content-loading {
  height: 500px;
  background: url("/static_public/images/loading.gif") no-repeat center center;
  position: relative;
}
/*page*/
.pagination {
  font-size: 12px;
}
.pagination_wrp {
  text-align: right;
}
.pagination_wrp .pageination {
  padding: 10px 0;
  border-top: 1px solid #e7e7eb;
}
.page_nav_area {
  letter-spacing: 4px;
}
.page_nav_area,
.goto_area {
  display: inline-block;
  vertical-align: middle;
  font-size: 12px;
}
.goto_area {
  margin: 0 20px 0 8px;
}
.pageination .btn {
  min-width: 0;
}
.btn.page_first,
.btn.page_last,
.btn.page_go {
  background-color: #fff;
  background-image: -moz-linear-gradient(top, #ffffff 0, #ffffff 100%);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#ffffff));
  background-image: -webkit-linear-gradient(top, #ffffff 0, #ffffff 100%);
  background-image: -o-linear-gradient(top, #ffffff 0, #ffffff 100%);
  background-image: linear-gradient(to bottom, #ffffff 0, #ffffff 100%);
  border-color: #e6e7ec;
  color: #222;
  height: 30px;
  width: auto;
  padding-left: 20px;
  padding-right: 20px;
}
.btn.page_prev .arrow,
.btn.page_next .arrow {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -6px;
  margin-left: -3px;
}
.page_prev .arrow {
  display: inline-block;
  width: 0;
  height: 0;
  border-width: 6px;
  border-style: dashed;
  border-color: transparent;
  border-left-width: 0;
  border-right-color: #919191;
  border-right-style: solid;
}
.page_next .arrow {
  display: inline-block;
  width: 0;
  height: 0;
  border-width: 6px;
  border-style: dashed;
  border-color: transparent;
  border-right-width: 0;
  border-left-color: #919191;
  border-left-style: solid;
}
.page_num {
  display: inline-block;
  vertical-align: middle;
  font-size: 14px;
  letter-spacing: normal;
}
.page_num label {
  font-weight: 400;
  display: inline;
}
.goto_area input[type="text"] {
  vertical-align: middle;
  width: 75px;
  height: 30px;
  line-height: 30px;
  padding: 4px 0;
  border: 1px solid #e7e7eb;
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  text-align: center;
  font-size: 14px;
  margin-right: 4px;
}
.btn.page_prev,
.btn.page_next {
  position: relative;
  font-size: 0;
  letter-spacing: -5px;
  background-color: #fff;
  background-image: -moz-linear-gradient(top, #ffffff 0, #ffffff 100%);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#ffffff));
  background-image: -webkit-linear-gradient(top, #ffffff 0, #ffffff 100%);
  background-image: -o-linear-gradient(top, #ffffff 0, #ffffff 100%);
  background-image: linear-gradient(to bottom, #ffffff 0, #ffffff 100%);
  border-color: #e6e7ec;
  color: #222;
  height: 30px;
  line-height: 30px;
  width: auto;
  padding-left: 14px;
  padding-right: 14px;
}
.top {
  width: 100%;
  position: relative;
  height: 74px;
  background-color: #ff7713;
}
.top a,
.top a:hover {
  color: #fff;
}
.wrap {
  max-width: 1280px;
  min-width: 1280px;
  margin: 0 auto;
}
.logo {
  float: left;
  width: 150px;
  height: 74px;
  background: url(/static_public/images/logo.png) no-repeat 15px center;
}
.top-logo-split {
  float: left;
  border-left: 1px solid #fff;
  margin: 40px 18px 0 15px;
  width: 0;
  height: 14px;
}
.top-system {
  float: left;
  margin: 38px 0 0 0;
  padding-bottom: 16px;
  position: relative;
  z-index: 10;
}
.top-system-head {
  height: 16px;
  line-height: 16px;
  color: #fff;
  cursor: pointer;
}
.top-system-arrow {
  float: left;
  margin: 6px 0 0 8px;
  border: 4px solid #ff7713;
  border-width: 5px 4px;
  border-top-color: #fff;
}
.top-icon {
  float: left;
  width: 16px;
  height: 16px;
  margin-right: 6px;
  background: url(/static_public/images/icon/icon_top.png) no-repeat;
}
.top-system .top-userinfo-menu-list a {
  padding-left: 20px;
}
.top-icon-notice {
  background-position: 0 -16px;
}
.top-icon-help {
  background-position: 0 -32px;
}
.top-link {
  float: left;
  height: 16px;
  line-height: 16px;
  margin: 29px 18px 0 0;
  color: #ffffff;
}
.top-split {
  float: left;
  border-left: 1px solid #fff;
  height: 8px;
  width: 0;
  margin: 33px 18px 0 0;
}
.top-avator {
  float: left;
  width: 40px;
  height: 40px;
  margin: 19px 8px 0 0;
  border-radius: 40px;
  overflow: hidden;
  border: 2px solid #fff;
}
.top-avator img {
  display: block;
  width: 40px;
  height: 40px;
}
.top-userinfo {
  position: relative;
  float: left;
  margin-top: 29px;
  padding-bottom: 28px;
  z-index: 10;
}
.top-userinfo-head {
  height: 16px;
  line-height: 16px;
  color: #fff;
  cursor: pointer;
}
.top-userinfo-head span {
  float: left;
}
.top-userinfo-arrow {
  float: left;
  margin: 6px 0 0 8px;
  border: 4px solid #ff7713;
  border-width: 5px 4px;
  border-top-color: #fff;
}
.top-userinfo-menu {
  display: none;
  position: absolute;
  right: 0;
  top: 20px;
  width: 105px;
}
.top-userinfo-menu-list {
  position: absolute;
  left: 0;
  top: 6px;
  width: 105px;
  border: 1px solid #ddd;
  border-radius: 4px;
  background-color: #fff;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
}
.top-userinfo-menu-list a {
  display: block;
  height: 28px;
  border-bottom: 1px solid #ddd;
  line-height: 28px;
  color: #333333;
}
.top-userinfo-menu-list a:last-child {
  border-bottom: 0;
}
.top-userinfo-menu-list a:hover,
.top-userinfo-menu-list a.lock {
  background-color: #fff8ee;
  color: #ff7713;
}
.top-userinfo-menu-list a:hover .top-icon-pw {
  background-position: 0 -95px;
}
.top-userinfo-menu-list a:hover .top-icon-logout {
  background-position: 0 -110px;
}
.top-userinfo-menu-list i {
  margin: 6px 8px 0 11px;
}
.top-icon-pw {
  background-position: 0 -48px;
}
.top-icon-lock {
  background-position: 0 -64px;
}
.top-icon-logout {
  background-position: 0 -80px;
}
.top-userinfo-menu-arrow {
  display: block;
  position: absolute;
  left: 50%;
  top: 0;
  z-index: 2;
  margin-left: -5px;
  width: 10px;
  height: 7px;
  background: url(../images/icon/arrow_top.png) no-repeat;
}
/*.top-userinfo:hover .top-userinfo-menu, .top-system:hover .top-userinfo-menu{ display: block;}*/
.top-menu li a {
  padding: 0 30px;
  height: 74px;
  line-height: 74px;
}
.top-menu li {
  float: left;
}
.top-menu li a:hover,
.top-menu li.menu-on a {
  background-color: #e26000;
  cursor: pointer;
}
/*!
 * bootstrap grid system
 * Generated using the Bootstrap Customizer (http://v3.bootcss.com/customize/?id=570265736a1a6b77662d)
 * Config saved to config.json and https://gist.github.com/570265736a1a6b77662d
 */
/*! normalize.css v3.0.2 | MIT License | git.iormalize */
.container-fluid,
.row,
.col-xs-1,
.col-sm-1,
.col-md-1,
.col-lg-1,
.col-xs-2,
.col-sm-2,
.col-md-2,
.col-lg-2,
.col-xs-3,
.col-sm-3,
.col-md-3,
.col-lg-3,
.col-xs-4,
.col-sm-4,
.col-md-4,
.col-lg-4,
.col-xs-5,
.col-sm-5,
.col-md-5,
.col-lg-5,
.col-xs-6,
.col-sm-6,
.col-md-6,
.col-lg-6,
.col-xs-7,
.col-sm-7,
.col-md-7,
.col-lg-7,
.col-xs-8,
.col-sm-8,
.col-md-8,
.col-lg-8,
.col-xs-9,
.col-sm-9,
.col-md-9,
.col-lg-9,
.col-xs-10,
.col-sm-10,
.col-md-10,
.col-lg-10,
.col-xs-11,
.col-sm-11,
.col-md-11,
.col-lg-11,
.col-xs-12,
.col-sm-12,
.col-md-12,
.col-lg-12 {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
@media (min-width: 768px) {
  .container {
    width: 740px;
  }
}
@media (min-width: 992px) {
  .container {
    width: 960px;
  }
}
@media (min-width: 1200px) {
  .container {
    width: 1160px;
  }
}
.container-fluid {
  margin-right: auto;
  margin-left: auto;
  padding-left: 10px;
  padding-right: 10px;
}
.row {
  margin-left: -10px;
  margin-right: -10px;
}
.col-xs-1,
.col-sm-1,
.col-md-1,
.col-lg-1,
.col-xs-2,
.col-sm-2,
.col-md-2,
.col-lg-2,
.col-xs-3,
.col-sm-3,
.col-md-3,
.col-lg-3,
.col-xs-4,
.col-sm-4,
.col-md-4,
.col-lg-4,
.col-xs-5,
.col-sm-5,
.col-md-5,
.col-lg-5,
.col-xs-6,
.col-sm-6,
.col-md-6,
.col-lg-6,
.col-xs-7,
.col-sm-7,
.col-md-7,
.col-lg-7,
.col-xs-8,
.col-sm-8,
.col-md-8,
.col-lg-8,
.col-xs-9,
.col-sm-9,
.col-md-9,
.col-lg-9,
.col-xs-10,
.col-sm-10,
.col-md-10,
.col-lg-10,
.col-xs-11,
.col-sm-11,
.col-md-11,
.col-lg-11,
.col-xs-12,
.col-sm-12,
.col-md-12,
.col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
}
.col-xs-1,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.col-xs-10,
.col-xs-11,
.col-xs-12 {
  float: left;
}
.col-xs-12 {
  width: 100%;
}
.col-xs-11 {
  width: 91.66666667%;
}
.col-xs-10 {
  width: 83.33333333%;
}
.col-xs-9 {
  width: 75%;
}
.col-xs-8 {
  width: 66.66666667%;
}
.col-xs-7 {
  width: 58.33333333%;
}
.col-xs-6 {
  width: 50%;
}
.col-xs-5 {
  width: 41.66666667%;
}
.col-xs-4 {
  width: 33.33333333%;
}
.col-xs-3 {
  width: 25%;
}
.col-xs-2 {
  width: 16.66666667%;
}
.col-xs-1 {
  width: 8.33333333%;
}
.col-xs-pull-12 {
  right: 100%;
}
.col-xs-pull-11 {
  right: 91.66666667%;
}
.col-xs-pull-10 {
  right: 83.33333333%;
}
.col-xs-pull-9 {
  right: 75%;
}
.col-xs-pull-8 {
  right: 66.66666667%;
}
.col-xs-pull-7 {
  right: 58.33333333%;
}
.col-xs-pull-6 {
  right: 50%;
}
.col-xs-pull-5 {
  right: 41.66666667%;
}
.col-xs-pull-4 {
  right: 33.33333333%;
}
.col-xs-pull-3 {
  right: 25%;
}
.col-xs-pull-2 {
  right: 16.66666667%;
}
.col-xs-pull-1 {
  right: 8.33333333%;
}
.col-xs-pull-0 {
  right: auto;
}
.col-xs-push-12 {
  left: 100%;
}
.col-xs-push-11 {
  left: 91.66666667%;
}
.col-xs-push-10 {
  left: 83.33333333%;
}
.col-xs-push-9 {
  left: 75%;
}
.col-xs-push-8 {
  left: 66.66666667%;
}
.col-xs-push-7 {
  left: 58.33333333%;
}
.col-xs-push-6 {
  left: 50%;
}
.col-xs-push-5 {
  left: 41.66666667%;
}
.col-xs-push-4 {
  left: 33.33333333%;
}
.col-xs-push-3 {
  left: 25%;
}
.col-xs-push-2 {
  left: 16.66666667%;
}
.col-xs-push-1 {
  left: 8.33333333%;
}
.col-xs-push-0 {
  left: auto;
}
.col-xs-offset-12 {
  margin-left: 100%;
}
.col-xs-offset-11 {
  margin-left: 91.66666667%;
}
.col-xs-offset-10 {
  margin-left: 83.33333333%;
}
.col-xs-offset-9 {
  margin-left: 75%;
}
.col-xs-offset-8 {
  margin-left: 66.66666667%;
}
.col-xs-offset-7 {
  margin-left: 58.33333333%;
}
.col-xs-offset-6 {
  margin-left: 50%;
}
.col-xs-offset-5 {
  margin-left: 41.66666667%;
}
.col-xs-offset-4 {
  margin-left: 33.33333333%;
}
.col-xs-offset-3 {
  margin-left: 25%;
}
.col-xs-offset-2 {
  margin-left: 16.66666667%;
}
.col-xs-offset-1 {
  margin-left: 8.33333333%;
}
.col-xs-offset-0 {
  margin-left: 0;
}
@media (min-width: 768px) {
  .col-sm-1,
  .col-sm-2,
  .col-sm-3,
  .col-sm-4,
  .col-sm-5,
  .col-sm-6,
  .col-sm-7,
  .col-sm-8,
  .col-sm-9,
  .col-sm-10,
  .col-sm-11,
  .col-sm-12 {
    float: left;
  }
  .col-sm-12 {
    width: 100%;
  }
  .col-sm-11 {
    width: 91.66666667%;
  }
  .col-sm-10 {
    width: 83.33333333%;
  }
  .col-sm-9 {
    width: 75%;
  }
  .col-sm-8 {
    width: 66.66666667%;
  }
  .col-sm-7 {
    width: 58.33333333%;
  }
  .col-sm-6 {
    width: 50%;
  }
  .col-sm-5 {
    width: 41.66666667%;
  }
  .col-sm-4 {
    width: 33.33333333%;
  }
  .col-sm-3 {
    width: 25%;
  }
  .col-sm-2 {
    width: 16.66666667%;
  }
  .col-sm-1 {
    width: 8.33333333%;
  }
  .col-sm-pull-12 {
    right: 100%;
  }
  .col-sm-pull-11 {
    right: 91.66666667%;
  }
  .col-sm-pull-10 {
    right: 83.33333333%;
  }
  .col-sm-pull-9 {
    right: 75%;
  }
  .col-sm-pull-8 {
    right: 66.66666667%;
  }
  .col-sm-pull-7 {
    right: 58.33333333%;
  }
  .col-sm-pull-6 {
    right: 50%;
  }
  .col-sm-pull-5 {
    right: 41.66666667%;
  }
  .col-sm-pull-4 {
    right: 33.33333333%;
  }
  .col-sm-pull-3 {
    right: 25%;
  }
  .col-sm-pull-2 {
    right: 16.66666667%;
  }
  .col-sm-pull-1 {
    right: 8.33333333%;
  }
  .col-sm-pull-0 {
    right: auto;
  }
  .col-sm-push-12 {
    left: 100%;
  }
  .col-sm-push-11 {
    left: 91.66666667%;
  }
  .col-sm-push-10 {
    left: 83.33333333%;
  }
  .col-sm-push-9 {
    left: 75%;
  }
  .col-sm-push-8 {
    left: 66.66666667%;
  }
  .col-sm-push-7 {
    left: 58.33333333%;
  }
  .col-sm-push-6 {
    left: 50%;
  }
  .col-sm-push-5 {
    left: 41.66666667%;
  }
  .col-sm-push-4 {
    left: 33.33333333%;
  }
  .col-sm-push-3 {
    left: 25%;
  }
  .col-sm-push-2 {
    left: 16.66666667%;
  }
  .col-sm-push-1 {
    left: 8.33333333%;
  }
  .col-sm-push-0 {
    left: auto;
  }
  .col-sm-offset-12 {
    margin-left: 100%;
  }
  .col-sm-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-sm-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-sm-offset-9 {
    margin-left: 75%;
  }
  .col-sm-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-sm-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-sm-offset-6 {
    margin-left: 50%;
  }
  .col-sm-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-sm-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-sm-offset-3 {
    margin-left: 25%;
  }
  .col-sm-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-sm-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-sm-offset-0 {
    margin-left: 0;
  }
}
@media (min-width: 992px) {
  .col-md-1,
  .col-md-2,
  .col-md-3,
  .col-md-4,
  .col-md-5,
  .col-md-6,
  .col-md-7,
  .col-md-8,
  .col-md-9,
  .col-md-10,
  .col-md-11,
  .col-md-12 {
    float: left;
  }
  .col-md-12 {
    width: 100%;
  }
  .col-md-11 {
    width: 91.66666667%;
  }
  .col-md-10 {
    width: 83.33333333%;
  }
  .col-md-9 {
    width: 75%;
  }
  .col-md-8 {
    width: 66.66666667%;
  }
  .col-md-7 {
    width: 58.33333333%;
  }
  .col-md-6 {
    width: 50%;
  }
  .col-md-5 {
    width: 41.66666667%;
  }
  .col-md-4 {
    width: 33.33333333%;
  }
  .col-md-3 {
    width: 25%;
  }
  .col-md-2 {
    width: 16.66666667%;
  }
  .col-md-1 {
    width: 8.33333333%;
  }
  .col-md-pull-12 {
    right: 100%;
  }
  .col-md-pull-11 {
    right: 91.66666667%;
  }
  .col-md-pull-10 {
    right: 83.33333333%;
  }
  .col-md-pull-9 {
    right: 75%;
  }
  .col-md-pull-8 {
    right: 66.66666667%;
  }
  .col-md-pull-7 {
    right: 58.33333333%;
  }
  .col-md-pull-6 {
    right: 50%;
  }
  .col-md-pull-5 {
    right: 41.66666667%;
  }
  .col-md-pull-4 {
    right: 33.33333333%;
  }
  .col-md-pull-3 {
    right: 25%;
  }
  .col-md-pull-2 {
    right: 16.66666667%;
  }
  .col-md-pull-1 {
    right: 8.33333333%;
  }
  .col-md-pull-0 {
    right: auto;
  }
  .col-md-push-12 {
    left: 100%;
  }
  .col-md-push-11 {
    left: 91.66666667%;
  }
  .col-md-push-10 {
    left: 83.33333333%;
  }
  .col-md-push-9 {
    left: 75%;
  }
  .col-md-push-8 {
    left: 66.66666667%;
  }
  .col-md-push-7 {
    left: 58.33333333%;
  }
  .col-md-push-6 {
    left: 50%;
  }
  .col-md-push-5 {
    left: 41.66666667%;
  }
  .col-md-push-4 {
    left: 33.33333333%;
  }
  .col-md-push-3 {
    left: 25%;
  }
  .col-md-push-2 {
    left: 16.66666667%;
  }
  .col-md-push-1 {
    left: 8.33333333%;
  }
  .col-md-push-0 {
    left: auto;
  }
  .col-md-offset-12 {
    margin-left: 100%;
  }
  .col-md-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-md-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-md-offset-9 {
    margin-left: 75%;
  }
  .col-md-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-md-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-md-offset-6 {
    margin-left: 50%;
  }
  .col-md-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-md-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-md-offset-3 {
    margin-left: 25%;
  }
  .col-md-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-md-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-md-offset-0 {
    margin-left: 0;
  }
}
@media (min-width: 1200px) {
  .col-lg-1,
  .col-lg-2,
  .col-lg-3,
  .col-lg-4,
  .col-lg-5,
  .col-lg-6,
  .col-lg-7,
  .col-lg-8,
  .col-lg-9,
  .col-lg-10,
  .col-lg-11,
  .col-lg-12 {
    float: left;
  }
  .col-lg-12 {
    width: 100%;
  }
  .col-lg-11 {
    width: 91.66666667%;
  }
  .col-lg-10 {
    width: 83.33333333%;
  }
  .col-lg-9 {
    width: 75%;
  }
  .col-lg-8 {
    width: 66.66666667%;
  }
  .col-lg-7 {
    width: 58.33333333%;
  }
  .col-lg-6 {
    width: 50%;
  }
  .col-lg-5 {
    width: 41.66666667%;
  }
  .col-lg-4 {
    width: 33.33333333%;
  }
  .col-lg-3 {
    width: 25%;
  }
  .col-lg-2 {
    width: 16.66666667%;
  }
  .col-lg-1 {
    width: 8.33333333%;
  }
  .col-lg-pull-12 {
    right: 100%;
  }
  .col-lg-pull-11 {
    right: 91.66666667%;
  }
  .col-lg-pull-10 {
    right: 83.33333333%;
  }
  .col-lg-pull-9 {
    right: 75%;
  }
  .col-lg-pull-8 {
    right: 66.66666667%;
  }
  .col-lg-pull-7 {
    right: 58.33333333%;
  }
  .col-lg-pull-6 {
    right: 50%;
  }
  .col-lg-pull-5 {
    right: 41.66666667%;
  }
  .col-lg-pull-4 {
    right: 33.33333333%;
  }
  .col-lg-pull-3 {
    right: 25%;
  }
  .col-lg-pull-2 {
    right: 16.66666667%;
  }
  .col-lg-pull-1 {
    right: 8.33333333%;
  }
  .col-lg-pull-0 {
    right: auto;
  }
  .col-lg-push-12 {
    left: 100%;
  }
  .col-lg-push-11 {
    left: 91.66666667%;
  }
  .col-lg-push-10 {
    left: 83.33333333%;
  }
  .col-lg-push-9 {
    left: 75%;
  }
  .col-lg-push-8 {
    left: 66.66666667%;
  }
  .col-lg-push-7 {
    left: 58.33333333%;
  }
  .col-lg-push-6 {
    left: 50%;
  }
  .col-lg-push-5 {
    left: 41.66666667%;
  }
  .col-lg-push-4 {
    left: 33.33333333%;
  }
  .col-lg-push-3 {
    left: 25%;
  }
  .col-lg-push-2 {
    left: 16.66666667%;
  }
  .col-lg-push-1 {
    left: 8.33333333%;
  }
  .col-lg-push-0 {
    left: auto;
  }
  .col-lg-offset-12 {
    margin-left: 100%;
  }
  .col-lg-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-lg-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-lg-offset-9 {
    margin-left: 75%;
  }
  .col-lg-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-lg-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-lg-offset-6 {
    margin-left: 50%;
  }
  .col-lg-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-lg-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-lg-offset-3 {
    margin-left: 25%;
  }
  .col-lg-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-lg-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-lg-offset-0 {
    margin-left: 0;
  }
}
